<template>
    <div id="potic">   
        <div class="bannerIMG" v-for="(item,index) in imageList" :key="'potic'+index">
            <van-image lazy-load :src="item.scene_pic_url" />
            <div class="text">
                <h4>{{item.title}}</h4>
                <p>{{item.subtitle}}</p>
                <p>{{item.price_info}}元起</p>
            </div>
        </div>
       
    </div>
</template>
<script>
import axios from 'axios'
import api from '../assets/config/api.js'
export default {
    data(){
        return{
            data:{},
        }
    },
    computed:{
        imageList:function(){
            if(this.data.data != undefined){
                return this.data.data
            }else{
                return []
            }
        }
    },
    async created(){
        let res =await axios.get(api.TopicList);
        this.data=res.data.data
        console.log(this.data.data);
    }
}
</script>
<style lang="less" scoped>
    #potic{
        .bannerIMG{
            width: 100%;
            margin: 0px;
            padding: 0px;
            display: flex;
           flex-direction:column;
        }
    }
</style>